<template>
<div class="app">
  <div class="top"></div>
  <div class="center">
    <div class="ddd">1112131</div>
  </div>
  <div class="bottom"></div>
</div>
</template>

<style>
#app{
  width: 10rem;
  background: red;
  height: 100vh;
    display: flex;
  position: relative;
     
}
*{padding: 0;margin: 0;}
.top{
  height: 1.173333rem;
  width: 10rem;
  position: relative;
  top: 0;
  background: blue;
}
.center{
position: absolute;
top: 1.173333rem;
  background: cyan;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.ddd{
  height: 100000px;
  width: 10rem;
  background: green;
}
.bottom{
  height: 1.333333rem;
  width: 10rem;
  background: brown;
  position: fixed;
  bottom: ;
}
</style>
